import React from 'react';

interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
  className?: string;
}

const Input: React.FC<InputProps> = ({ className = '', ...props }) => {
  const baseClasses = 'flex h-9 w-full rounded-md border border-border-light dark:border-border-dark bg-white dark:bg-slate-800 px-3 py-1 text-sm ring-offset-white dark:ring-offset-slate-900 placeholder:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50';
  const classes = `${baseClasses} ${className}`;

  return <input type="text" className={classes} {...props} />;
};

export { Input };